﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <title>注册学生信息</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
    <div class="contmobile">
        <div class="page page2">
            <div class="fm-zc">
                <div style="padding:0 3rem;margin-top:30%">
                    <div class="sr-list">
                        <span class="sr-title">姓名</span>
                        <div class="sr-right">
                            <input type="text" />
                        </div>
                    </div>
                    <div class="sr-list">
                        <span class="sr-title">学号</span>
                        <div class="sr-right"><input type="text" /></div>
                    </div>
                    <div class="sr-list">
                        <span class="sr-title">手机</span>
                        <div class="sr-right"><input type="text" /></div>
                    </div>
                    <div class="sr-list">
                        <span class="sr-title">班级</span>
                        <div class="sr-right">
                            <select>
                                <option>班级2</option>
                                <option>班级2班级2班级2班级2班级2班级2</option>
                                <option>班级2</option>
                                <option>班级2</option>
                                <option>班级2</option>
                            </select>
                            <div class="xl-btn img100"><img src="images/sj.png" /></div>
                        </div>
                    </div>
                    <div class="sr-list">
                        <span class="sr-title">性别</span>
                        <div class="sex">
                            <div class="sextwo active">
                                <span></span>
                                <img src="images/boy.png" />
                            </div>
                            <div class="sextwo">
                                <span></span>
                                <img src="images/girl.png" />
                            </div>
                        </div>
                    </div>
                    <div class="img100 insert-but">
                        <img src="images/btn-tj-msg.png" />
                    </div>
                </div>
            </div>
            <div class="pop-up" style="display:none">
                <div class="tip">
                    <p class="tip-msg">
                        提交成功！可以上课了
                    </p>
                    <p class="tip-btn tip-msg">
                        <a href="qiandao.html">去签到</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="http://cdnjs.gtimg.com/cdnjs/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(".insert-but").click(function () {
            $(".pop-up").show();
        })
        $(".sextwo").click(function () {
            $(this).addClass("active").siblings().removeClass("active");
        })
    </script>

</body>
</html>